<template>
	<view class="all">
		<view class="list" @click="toxq">
			<view class="list_top">
				<image src="../../static/images/icon_like.png" mode=""></image>
				<view class="list_right">
					<view class="ltop">
						<p style="color: #000000;font-size: 30rpx;">云端执行合计订单(32)条</p>
						<p style="color: #20bf50;ffont-size: 30rpx;">已通过</p>
					</view>
					<view class="lbot">
						<text style="color: #ED1C24;font-size: 35rpx; font-weight: bold;">+32</text>
						<text style="color: #CCCCCC;font-size: 30rpx;">订单编号:T20210907888888</text>
					</view>
				</view>
			</view>
			<view class="time">
				<p style="color: #CCCCCC;font-size: 35rpx;margin-top: 50rpx;">审核时间:2021-09-07</p>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: "123"
			}
		},
		props: {
			types: {
				type: String,
				default: "sub"
			}
		},
		mounted(){
			console.log(toString(this.types))
			this.getType()
		},
		methods:{
			toxq(){
				uni.navigateTo({
					url:"../../pages/task-list/taskp-xq"
				})
			},
			getType(){
				if(this.types=="usb"){
					console.log(123)
				}
			}
		}
	}
</script>

<style lang="less">
	.all {
		padding: 0 40rpx;

		.list {
			margin-top: 50rpx;
			width: 100%;
			height: 250rpx;
			border-radius: 20rpx;
			background-color: #FFFFFF;
			padding: 30rpx 30rpx;
			.list_top {
				display: flex;
				image {
					width: 100rpx;
					height: 100rpx;
				}

				.list_right {
					width: 80%;
					margin-left: 20rpx;

					.ltop {
						display: flex;
						justify-content: space-between;
					}

					.lbot {
						margin-top: 20rpx;
						display: flex;
						justify-content: space-between;
					}
				}
			}
		}
	}
</style>
